<template>
  <div>
    <h2>热门新闻</h2>
    <ul>
        <li><router-link to="/hotNewsDetail/1001">中国共产党第二十次全国代表大会胜利召开</router-link></li>
        <li><router-link to="/hotNewsDetail/1002">党的二十大·开幕！ 一图速览！二十大报告要点来了</router-link></li>
        <li><a href="#" @click="goHotDetail">数读二十大报告！这些KPI见证非凡十年</a></li>
    </ul>
  </div>
</template>

<script lang='ts'>
import {ref,reactive} from 'vue'
import {useRouter} from 'vue-router'
export default{
 setup(){
  const router=useRouter()
  const goHotDetail=(e:MouseEvent)=>{
    e.preventDefault()
    router.push({
      path:'/hotNewsDetail/1003'
    })
  }
  return{goHotDetail}
 }
}
</script>

<style lang='scss' scoped>
</style>